<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>评论</title>
    <link rel="stylesheet" type="text/css" href="../../css/comment/comment.css">
    <link rel="stylesheet" href="../../css/common/header.css">
    <link rel="stylesheet" href="../../css/common/page_bottom.css">
    <link rel="stylesheet" href="../../css/iconfont/iconfont.css">
    <link rel="icon" href="../../imgs/favicon.ico" type="image/x-icon" />
</head>
<body>

    <div class="header">
        <div class="site-topbar">
            <div class="container">
                <div class="topbar-nav">
                    <a href="#">小米商城</a>
                    <span class="sep">|</span>
                    <a href="#">MIUI</a>
                    <span class="sep">|</span>
                    <a href="#">loT</a>
                    <span class="sep">|</span>
                    <a href="#">云服务</a>
                    <span class="sep">|</span>
                    <a href="#">天星数科</a>
                    <span class="sep">|</span>
                    <a href="#">有品</a>
                    <span class="sep">|</span>
                    <a href="#">小爱开放平台</a>
                    <span class="sep">|</span>
                    <a href="#">企业团购</a>
                    <span class="sep">|</span>
                    <a href="#">资质证照</a>
                    <span class="sep">|</span>
                    <a href="#">协议规则</a>
                    <span class="sep">|</span>
                    <a href="#">下载app</a>
                    <span class="sep">|</span>
                    <a href="#">智能生活</a>
                    <span class="sep">|</span>
                    <a href="#">Select Location</a>
                    <span class="sep">|</span>
                </div>
                <div class="topbar-cart">
                    <a href="../../view/cart/add_cart.html"><em class="iconfont icon-gouwuchekong"> </em>购物车<span class="cart-num">(0)</span></a>
                    <div class="cart-menu">
                        <div class="menu-content">
                            <div class="loading">
                                <div class="loader"></div>
                                <ul class="cart-list hide"></ul>
                                <div class="cart-total hide"></div>
                                <div class="msg-empty hide">购物车中还没有商品,赶紧选购吧!</div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="topbar-info">
                    <a href="#">登录</a>
                    <span class="sep">|</span>
                    <a href="#">注册</a>
                    <span class="sep">|</span>
                    <span class="message">
                        <a href="#">消息通知</a>
                    </span>
                </div>
            </div>
        </div>
        <!--  -->
        <div class="site-header">
            <div class="container">
                <!-- logo -->
                <div class="header-log">
                    <a href="#">
                        <img src="https://s02.mifile.cn/assets/static/image/logo-mi2.png">
                    </a>
                </div>
                <!-- 中间导航部分 -->
                <div class="header-nav">
                    <ul class="nav-list">
                        <li class="nav-category"><a href="" class="link-category">全部商品分类</a>
                        <div class="site-category">
                            <ul class="site-category-list">
                            <li class="category-item"><a href="">手机<em class="iconfont">&#xe625;</em></a></li>
                            <li class="category-item"><a href="">电视<em class="iconfont">&#xe625;</em></a></li>
                            <li class="category-item"><a href="">笔记本 平板<em class="iconfont">&#xe625;</em></a></li>
                            <li class="category-item"><a href="">家电<em class="iconfont">&#xe625;</em></a></li>
                            <li class="category-item"><a href="">出行 穿戴<em class="iconfont">&#xe625;</em></a></li>
                            <li class="category-item"><a href="">智能 路由器<em class="iconfont">&#xe625;</em></a></li>
                            <li class="category-item"><a href="">电源 配件<em class="iconfont">&#xe625;</em></a></li>
                            <li class="category-item"><a href="">健康 儿童<em class="iconfont">&#xe625;</em></a></li>
                            <li class="category-item"><a href="">耳机 音箱<em class="iconfont">&#xe625;</em></a></li>
                            <li class="category-item"><a href="">生活 箱包<em class="iconfont">&#xe625;</em></a></li>
                        </ul>
                        </div>
                        </li>
                        <li class="nav-item"><a href="">小米手机</a></li>
                        <li class="nav-item"><a href="">Redmi&nbsp;红米</a></li>
                        <li class="nav-item"><a href="">电视</a></li>
                        <li class="nav-item"><a href="">笔记本</a></li>
                        <li class="nav-item"><a href="">平板</a></a></li>
                        <li class="nav-item"><a href="">家电</a></li>
                        <li class="nav-item"><a href="">路由器</a></li>
                        <li class="nav-item"><a href="">智能硬件</a></li>
                        <li class="nav-item"><a href="">服务</a></li>
                        <li class="nav-item"><a href="">社区</a></li>
                    </ul>
                </div>
                <!-- 搜索区域 - 弹性盒子 -->
                <div class="header-search">
                    <div class="search">
                        <div class="item1">
                            <input type="text" placeholder="小米11">
                        </div>
                        <div class="item2">
                            <input type="button" class="iconfont" style="font-size: 32px;" value="&#xeafe;">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="contain-box">
        <div class="comment-index">
            <div>
                <!-- 评论顶部  大家认为 -->
                <div class="comment-top">
                    <div class="title">大家认为</div>

                    <div class="category">
                        <div class="cate-common chose">
                            <span>综合</span>
                            <span>（17411）</span>
                        </div>
                        <div class="cate-common">
                            <span>颜值够高</span>
                            <span>（17411）</span>
                        </div>
                        <div class="cate-common">
                            <span>传输速度够快</span>
                            <span>（17411）</span>
                        </div>
                        <div class="cate-common">
                            <span>价格实惠</span>
                            <span>（17411）</span>
                        </div>
                        <div class="cate-common">
                            <span>待机给力</span>
                            <span>（17411）</span>
                        </div>
                    </div>
                </div>


                <div class="comment-mid">
                    <div class="mid-left">
                        <div class="l-top">
                            <div class="t-title">热门评价</div>
                            <div class="t-choose">
                                <i>括号</i>
                                <span>只显示带图评价</span>
                            </div>
                        </div>
    
    
                        <!-- 评价部分 -->
                        <div class="l-content">
                            <div class="comps">
                                <div class="common">
                                    <!-- 头像+评论日期 -->
                                    <div class="top">
                                        <a href="" class="port">
                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0599f465efe793fee4af47e6de005efd.png" alt="">
                                        </a>
                                        <div class="time">
                                            <a href="">243*****57</a>
                                            <div class="times">2021-09-14</div>
                                        </div>
                                        <div class="love">
                                            <b>🤣</b>
                                            超爱
                                        </div>
                                    </div>
    
                                    <!-- 评论内容 -->
                                    <a href="" class="des">
                                        手机怎么样我不知道，给我妈买的，但是这个服务是真的无语，你这说话套娃呢，送的体检套餐和体检中心送的有什么区别，体检都是398，咋，你小米送的优惠券比人家就高大上了？？我还挺好奇的为啥最近网上骂小米的这么多，现在终于懂了奥，才刚买几天，天猫送耳机，官方商城还不送，给的有的跟没得优惠一样，不送都没那么多事，要不是超过7天退货，我直接给你退了，还工作呢，大中午受这气，也没午休，第一个客服建议辞退了吧，要不以后骂声会更多，小米现在做大了呢，6k的手机服务态度就这样了，好像说了什么又好像没说，就没解决任何问题
                                    </a>
    
                                    <!-- 评论图片 -->
                                    <div class="images">
                                        <div class="image">
                                            <img src="https://i1.mifile.cn/a2/1631597252_7402571_s828_1792wh.jpg" alt="" >
                                        </div>
                                        <div class="image">
                                            <img src="https://i1.mifile.cn/a2/1631597252_7402571_s828_1792wh.jpg" alt="">
                                        </div>
                                        <div class="image">
                                            <img src="https://i1.mifile.cn/a2/1631597252_7402571_s828_1792wh.jpg" alt="">
                                        </div>
                                    </div>
    
                                    <!-- 点赞 -->
                                    <div class="appreciate">
                                        <b>👍</b>
                                        <span>19</span>
                                    </div>
    
                                    <!-- 回复功能 -->
                                    <div class="reply">
                                        <input type="text" placeholder="回复楼主" class="input J_reply_input">
                                        <div class="btn">回复</div>
                                    </div>
    
                                    <!-- 回复的具体信息 -->
                                    <div class="commentList">
                                        <div class="comments">
                                            <img src="https://s01.mifile.cn/i/logo.png" alt="">
                                            <div class="c-right">
                                                <div class="c-t">官方回复</div>
    
                                                <div class="c-b">
                                                    <span>您好，非常抱歉给您带来不好的体验了。我们深知想要做得周全，不管是产品质量，还是贴心的售后服务，都是非常重要的环节。未来我们还会不断加强对团队的管理和培训，提升服务质量。希望您可以继续关注我们。有任何疑问您也可以联系客服协助处理。</span>
                                                    <span class="point">
                                                        <b>👍</b>
                                                        5
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                        </div>
                        <div class="l-content">
                            <div class="comps">
                                <div class="common">
                                    <!-- 头像+评论日期 -->
                                    <div class="top">
                                        <a href="" class="port">
                                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/0599f465efe793fee4af47e6de005efd.png" alt="">
                                        </a>
                                        <div class="time">
                                            <a href="">243*****57</a>
                                            <div class="times">2021-09-14</div>
                                        </div>
                                        <div class="love">
                                            <b>🤣</b>
                                            超爱
                                        </div>
                                    </div>
    
                                    <!-- 评论内容 -->
                                    <a href="" class="des">
                                        手机怎么样我不知道，给我妈买的，但是这个服务是真的无语，你这说话套娃呢，送的体检套餐和体检中心送的有什么区别，体检都是398，咋，你小米送的优惠券比人家就高大上了？？我还挺好奇的为啥最近网上骂小米的这么多，现在终于懂了奥，才刚买几天，天猫送耳机，官方商城还不送，给的有的跟没得优惠一样，不送都没那么多事，要不是超过7天退货，我直接给你退了，还工作呢，大中午受这气，也没午休，第一个客服建议辞退了吧，要不以后骂声会更多，小米现在做大了呢，6k的手机服务态度就这样了，好像说了什么又好像没说，就没解决任何问题
                                    </a>
    
                                    <!-- 评论图片 -->
                                    <div class="images">
                                        <div class="image">
                                            <img src="https://i1.mifile.cn/a2/1631597252_7402571_s828_1792wh.jpg" alt="" >
                                        </div>
                                        <div class="image">
                                            <img src="https://i1.mifile.cn/a2/1631597252_7402571_s828_1792wh.jpg" alt="">
                                        </div>
                                        <div class="image">
                                            <img src="https://i1.mifile.cn/a2/1631597252_7402571_s828_1792wh.jpg" alt="">
                                        </div>
                                    </div>
    
                                    <!-- 点赞 -->
                                    <div class="appreciate">
                                        <b>👍</b>
                                        <span>19</span>
                                    </div>
    
                                    <!-- 回复功能 -->
                                    <div class="reply">
                                        <input type="text" placeholder="回复楼主" class="input J_reply_input">
                                        <div class="btn">回复</div>
                                    </div>
    
                                    <!-- 回复的具体信息 -->
                                    <div class="commentList">
                                        <div class="comments">
                                            <img src="https://s01.mifile.cn/i/logo.png" alt="">
                                            <div class="c-right">
                                                <div class="c-t">官方回复</div>
    
                                                <div class="c-b">
                                                    <span>您好，非常抱歉给您带来不好的体验了。我们深知想要做得周全，不管是产品质量，还是贴心的售后服务，都是非常重要的环节。未来我们还会不断加强对团队的管理和培训，提升服务质量。希望您可以继续关注我们。有任何疑问您也可以联系客服协助处理。</span>
                                                    <span class="point">
                                                        <b>👍</b>
                                                        5
                                                    </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            
                        </div>
                    </div>

                    <div class="mid-right">
                        <div class="m-t">
                            <span>17547</span>
                            人购买后满意
                        </div>
                        <div class="m-b">
                            <i style="width: 99.6%;">
                                <span>满意度： 99.6%</span>
                            </i>
                            
                        </div>
                    </div>
                </div>

                
            </div>
            
        </div>
        
    </div>





    <!-- 底部公共部分 -->
    <div class="page-bottom">
        <ul class="address clear container">
            <li>
                <div>
                    <a href="">
                        <i class="iconfont">&#xe607;</i>
                        <span>预约维修服务</span>
                    </a>

                </div>
            </li>
            <li>
                <div>
                    <a href="">
                        <i class="iconfont">&#xe603;</i>
                        <span>七天无理由退货</span>
                    </a>

                </div>
            </li>
            <li>
                <div>
                    <a href="">
                        <i class="iconfont">&#xe60f;</i>
                        <span>15天免费换货</span>
                    </a>

                </div>
            </li>
            <li>
                <div>
                    <a href="">
                        <i class="iconfont">&#xe778;</i>
                        <span>满69包邮</span>
                    </a>

                </div>
            </li>
            <li>
                <div>
                    <a href="">
                        <i class="iconfont">&#xe608;</i>
                        <span>520余家售后网点</span>
                    </a>

                </div>
            </li>
        </ul>
        <div class="bottom-message clear container">
            <ul class="bottom-list">
                <li>
                    <dl>
                        <dd>帮助中心</dd>
                        <dt><a href="">账户管理</a></dt>
                        <dt><a href="">购物指南</a></dt>
                        <dt><a href="">订单操作</a></dt>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dd>服务支持</dd>
                        <dt><a href="">售后政策</a></dt>
                        <dt><a href="">自动服务</a></dt>
                        <dt><a href="">相关下载</a></dt>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dd>线下门店</dd>
                        <dt><a href="">小米之家</a></dt>
                        <dt><a href="">服务网点</a></dt>
                        <dt><a href="">授权体验店</a></dt>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dd>关于小米</dd>
                        <dt><a href="">了解小米</a></dt>
                        <dt><a href="">加入小米</a></dt>
                        <dt><a href="">投资者关系</a></dt>
                        <dt><a href="">企业社会责任</a></dt>
                        <dt><a href="">廉洁举报</a></dt>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dd>关注我们</dd>
                        <dt><a href="">新浪微博</a></dt>
                        <dt><a href="">官方微信</a></dt>
                        <dt><a href="">联系我们</a></dt>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dd>特色服务</dd>
                        <dt><a href="">F码通道</a></dt>
                        <dt><a href="">礼物码</a></dt>
                        <dt><a href="">防伪查询</a></dt>
                    </dl>
                </li>
            </ul>
            <div class="contact">
                <h2>400-100-5678</h2>
                <p>8:00-18:00（仅收市话费）</p>
                <a href="">
                    <div class="customer">
                        <i class="iconfont">&#xe605;</i>
                        <span>人工客服</span>
                    </div>
                </a>
                <div class="wbwx">
                    <span>关注小米：</span>
                    <a href=""><i class="iconfont">&#xe613;</i></a>
                    <a href=""><i class="iconfont">&#xe604;</i></a>
                </div>
            </div>
        </div>
    </div>
</body>
</html>